.linkDefault,
.linkSelected {
  display: flex;
  align-items: center;
  font-size: var(--mantine-font-size-sm);
  padding: rem(6px) var(--mantine-spacing-sm);
  border-radius: var(--mantine-radius-sm);
  font-weight: 500;
}

.linkDefault {
  color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));

  @mixin hover {
    color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
    .imgDefault,
    .imgSelected {
      margin-right: var(--mantine-spacing-md);
      transition: all 0.125s;
    }
  }
}

.linkSelected {
  color: var(--mantine-color-violet-light-color);
  background-color: var(--mantine-color-violet-light);
}

.imgDefault,
.imgSelected {
  margin-right: var(--mantine-spacing-xs);
}

.imgDefault {
  margin-right: var(--mantine-spacing-xs);
}

.imgSelected {
  margin-right: var(--mantine-spacing-sm);
  transition: all 0.125s;
}

.text {
  white-space: nowrap; /* Prevent text from wrapping */
  overflow: hidden; /* Hide overflow text */
}
